<div ng-include="'/modules/template/header.html'"></div>  
<div class="zc_box">
	<div class="container">
    	<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_top">
				<div class="col-lg-3 col-md-3 col-sm-2 col-xs-0"></div>
				<div class="col-lg-8 col-md-8 col-sm-10 col-xs-12 zc_main">
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 zc_nav " ng-class="{'zc_active' : updateStep == 1}">
						<a href="">
							<span class="nav-1">1</span>
							<span class="nav-2">填写用户名</span>
						</a>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 zc_nav" ng-class="{'zc_active' : updateStep == 2}">
						<a href="">
							<span class="nav-1">2</span>
							<span class="nav-2">验证身份</span>
						</a>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6 zc_nav zc_nav4" ng-class="{'zc_active' : updateStep == 3}">
						<a href="">
							<span class="nav-1">√</span>
							<span class="nav-2">设置完成</span>
						</a>
					</div>
				</div>
			</div>
        </div>
    </div>
</div>

<div class="zc_main_box">
	<div class="container">
    	<div class="row">
    	    <form name="myForm">
	    		<div class="buzhou" ng-class="{'buzhou-show' : updateStep == 1}">
		     		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1">
						<span class="nav-1">用户名</span><input type="text" name="forgetUserName" ng-model="forget.userName" ng-required="true">
					</div>
		    		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1">
						<span class="nav-2" style="padding-left: 0;">验证码</span>
						<input type="text" style="width: 120px;" name="forgetCaptcha" maxlength="4" ng-minlength="4" ng-required="true" ng-model="forget.loginCaptcha">
						<img src="/loginCaptcha" ng-click="forChangeCaptcha()" style="width: 80px; height: 32px; padding-left: 10px;" id="forCaptchaImage"/>
					</div>
		    		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1" ng-class="{'zc_main_ac' : myForm.$valid }">
						<button type="button" ng-click="nextUpdateStep(1)" ng-disabled="myForm.$invalid">下一步</button>
					</div>   			
	    		</div>
	       </form>
            <form name="myForm2">
	    		<div class="buzhou" ng-class="{'buzhou-show' : updateStep == 2}">
	    		    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1">
	    		        <span style="width:200px; margin-left: 1em; padding: 5px 10px; font-weight: bold;">{{email |  hideMail}}</span>
	    		    </div>
		     		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1">
						<span class="nav-1">邮箱</span>
						<input type="text" ng-model="forget.email" name="forhetEmail" ng-required="true" ng-pattern="/^[0-9a-z_]+@(([0-9a-z]+)[.]){1,2}[a-z]{2,3}$/">
						<div class="row" style="width: 258px;margin: 5px auto;margin-top: 15px;">
							<div ng-show="myForm2.forhetEmail.$dirty && myForm2.forhetEmail.$error.pattern"
	                              class="alert alert-danger help-block nav-1">
	                                 请输入有效的邮箱地址
	                         </div>
	                         <div ng-show="myForm2.forhetEmail.$dirty && myForm2.forhetEmail.$error.required"
	                                  class="alert alert-danger help-block nav-1">
	                                 邮箱不能为空
	                         </div>
	                    </div>
					</div>
		    		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1" ng-class="{'zc_main_ac' : myForm2.$valid }">
						<button type="button" ng-click="nextUpdateStep(2)" ng-disabled="myForm2.$invalid">下一步</button>
					</div>   			
	    		</div>
    		</form>
    		<div class="buzhou" ng-class="{'buzhou-show' : updateStep == 3}">
	     		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 zc_main_1">
					<div class="yx-hua">请前往邮箱进行身份验证</div>
				</div>
    		</div>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<div class="hei150"></div>
</html>
